Мессенджер thismo

Проектирование навигации

В имеющейся iOS-версии приложения навигация выполнена посредством табов, к которым уже привыкли пользователи этой системы. Работу над дизайном мы начинаем с проектирования навигации, поэтому для Android-версии мы попробовали найти другое решение, привычное для пользователей этой платформы.

Навигация с использованием табов — не лучший выбор для Android, так как у нас одна главная активность (Мои чаты), а поиск чатов и профиль имеют меньший приоритет для пользователя. Решение c боковой навигацией (Drawer), привычно для пользователей Android, но пользовательский опыт в таком случае пострадает, ведь пункты навигации спрятаны в меню и для доступа к ним придется совершить дополнительное действие.

Поэтому оптимальным решением стало разделение навигации по приоритету. Основная активность (чат) является главным экраном, Floating action button из Material Design дает доступ к функции добавления (поиска) нового чата, а профиль и прочие малоприоритетные функции находятся в верхнем Action bar’е.

Дизайн интерфейса

Для приложения необходимо было разработать дизайн с учетом фирменного стиля, дизайна iOS-версии и требований руководств по Material Design. Мы использовали сетку в 8 пунктов, типографику и набор стандартных пиктограмм от Google. Это позволило ускорить дальнейшую верстку приложения и строить элементы на экранах по жестко заданной структуре.

Для реализации интерфейса мы использовали элементы Material Design исключительно из библиотек AppCompat и Support Design. Благодаря этому приложение выглядит и ведет себя одинаково в разных версиях операционной системы. В придачу, мы реализовали анимации взаимодействия пользователя с UI (переходы между экранами, операции с элементами списков).